/*! Bootstrap-off-canvas-push - v1.0.2
 * Copyright (c) 2015 Steffen Ermel; Licensed MIT *
 */
html,body {
 height: 100%;
 min-height: 100%
}

body.active {
 overflow-x: hidden;
 overflow-y: hidden
}

.overlay {
 background-color: transparent;
 position: fixed;
 top: 0px;
 bottom: 0px;
 left: 0px;
 width: 25px;
 z-index: 100
}

.overlay.active {
 background-color: rgba(0,0,0,0.5);
 -webkit-transition: background-color 0.35s;
 transition: background-color 0.35s;
 top: 0px;
 bottom: 0px;
 left: 0px;
 right: 0px;
 width: 100%
}

@media screen and (max-width: 768px) {
 .row-offcanvas {
  position: relative;
  -webkit-transition: all .25s ease-out;
  transition: all .25s ease-out
 }

 .row-offcanvas-left {
  left: 0
 }

 .row-offcanvas-left .sidebar-offcanvas {
  left: -50%
 }

 .row-offcanvas-left.active {
  left: 50%
 }

 .sidebar-offcanvas {
  position: absolute;
  top: 0;
  width: 50%
 }

 .sidebar-nav .navbar .navbar-collapse {
  padding: 0;
  max-height: none
 }

 .sidebar-nav .navbar ul {
  float: none
 }

 .sidebar-nav .navbar ul:not {
  display: block
 }

 .sidebar-nav .navbar li {
  float: none;
  display: block
 }

 .sidebar-nav .navbar li a {
  padding-top: 12px;
  padding-bottom: 12px
 }
}

.navbar-collapse-wrap {
 position: absolute
}

.navbar {
 border: none
}

.navbar .navbar-nav>.current-menu-item a {
 color: #fff;
 background-color: #080808
}

.navbar .navbar-toggle:focus,.navbar .navbar-toggle:hover {
 background-color: transparent
}

.navbar .container {
 padding: 0px
}

.navbar .container .navbar-header {
 margin: 0;
 position: relative;
 z-index: 100;
 background-color: #222
}

.navbar .container>.navbar-collapse {
 position: fixed;
 z-index: 50;
 bottom: 0px;
 top: 0px;
 left: -50%;
 margin: 0;
 padding: 0px;
 width: 48%;
 white-space: nowrap;
 box-shadow: none;
 border-top: 0px solid white;
 display: block;
 overflow-y: auto;
 background-color: #fff;
 overflow-x: hidden
}

.navbar .container>.navbar-collapse.active {
 left: 0px
}

.navbar .container ul {
 margin: 123px 0 0 0;
 padding: 0px
}

.transition {
 -webkit-transition: all 0.25s ease-out;
 transition: all 0.25s ease-out
}

.navbar-toggle {
 border: none;
 margin-left: 10px
}

.navbar-toggle .icon-bar {
 -webkit-transform-origin: 21px;
 -ms-transform-origin: 21px;
 transform-origin: 21px;
 -webkit-transition: -webkit-transform .2s, opacity .1s;
 transition: transform .2s, opacity .1s;
 height: 3px;
 width: 22px
}

.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
 -webkit-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 transform: rotate(-45deg)
}

.navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg)
}

.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
 opacity: 0
}

.navbar-nav {
 margin: 0px
}

@media (min-width: 768px) {
 .navbar .container {
  padding: 0 15px
 }

 .navbar .container .navbar-header {
  margin: 0px;
  padding: 0px
 }

 .navbar .container ul {
  width: auto;
  background-color: transparent;
  padding-left: none;
  margin: auto
 }

 .navbar .container>.navbar-collapse {
  position: static ;
  z-index: auto;
  bottom: auto;
  top: auto;
  background-color: auto;
  margin: auto;
  width: auto
 }

 .navbar-nav {
  margin: auto
 }

 .overlay {
  display: none
 }
}